<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<link rel="stylesheet" href="css/bootstrap.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript">
	$(function(){
		$('#myTab a').mouseover(function (e) {
			  e.preventDefault();
			  $(this).tab('show');
			})
	});
</script>
<title>餐馆</title>
</head>
<body>
	
<ul id="myTab" class="nav nav-tabs">
	<li class="active"><a href="#login" data-toggle="tab">登录</a></li>
	<li><a href="#register" data-toggle="tab">注册</a></li>
</ul>
<div id="myTabContent" class="tab-content">
	<div class="tab-pane fade in active" id="login">
		<div>
			<form class="form-horizontal" role="form" action="ActionServlet?action=login" method="post">
		  <div class="form-group">
		    <label for="inputText3" class="col-sm-2 control-label">用户名</label>
		    <div class="col-sm-10">
		      <input type="text" class="form-control" id="inputText3" name="name" placeholder="请输入用户名"><br/><div id="chname"></div>
		    </div>
		  </div>
		  <div class="form-group">
		    <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
		    <div class="col-sm-10">
		      <input type="password" class="form-control" id="inputPassword3" name="password" placeholder="请输入密码"><br/><div id="chpassword"></div>
		    </div>
		  </div>
		  <div>
		  	<a href='javascript:void(0);'  onclick="javascript:changeImg();" style="color:white;">
			    <img id="img" src="/LeeSir/AuthImage" />  
		        <label style="color:#8e8e8e;cursor:pointer">&nbsp;&nbsp;看不清？换一张</label>
		        </a>
		        <input  class="form-control"  type="text" name="core" id="core" placeholder="请输入验证码"/>
		  </div>
		  <div class="form-group">
		    <div class="col-sm-offset-2 col-sm-10">
		      <div class="checkbox">
		        <label>
		          <input type="checkbox" name="savepwd"> 记住密码
		        </label>
		      </div>
		    </div>
		  </div>
		  <div class="form-group">
		    <div class="col-sm-offset-2 col-sm-10">
		      <button type="submit" class="btn btn-default">登录</button><a href="" class="navbar-link">没有账号？注册</a>
		    </div>
		  </div>
			</form>
		</div>
	</div>
	<div class="tab-pane fade" id="register">
		<form class="form-horizontal" role="form" action="ActionServlet?action=register" method="post">
		  <div class="form-group">
		    <label for="name" class="col-sm-2 control-label">用户名</label>
		    <div class="col-sm-10">
		      <input type="text" class="form-control" id="name" name="name" placeholder="请输入用户名"><br/><div id="chname"><font color="red">*</font></div>
		    </div>
		  </div>
		  <div class="form-group">
	    	<label for="password" class="col-sm-2 control-label">密码</label>
	    	<div class="col-sm-10">
	     	 <input type="password" class="form-control" id="password" name="password" placeholder="请输入密码"><br/><div id="chpassword"><font color="red">*</font></div>
	    	</div>
	  		</div>
		  <div class="form-group">
	    	<label for="password1" class="col-sm-2 control-label">再次输入密码</label>
	    	<div class="col-sm-10">
	     	 <input type="password" class="form-control" id="password1" placeholder="请再次输入密码"><br/><div id="chrepassword"><font color="red">*</font></div>
	    	</div>
	  		</div>
	  		<div class="form-group">
		    <label for="phonenumber" class="col-sm-2 control-label">手机号</label>
		    <div class="col-sm-10">
		      <input type="text" class="form-control" id="phonenumber" name="phonenumber" placeholder="请输入手机号"><br/><div id="chphonenumber"><font color="red">*</font></div>
		    </div>
		  </div>
		  <div class="form-group">
		    <label for="email" class="col-sm-2 control-label">邮箱</label>
		    <div class="col-sm-10">
		      <input type="text" class="form-control" id="email" name="email" placeholder="请输入邮箱"><br/><div id="chemail"><font color="red">*</font></div>
		    </div>
		  </div>
		  <div class="form-group">
		    <label for="wechat" class="col-sm-2 control-label">微信号</label>
		    <div class="col-sm-10">
		      <input type="text" class="form-control" id="wechat" name="wechat" placeholder="请输入微信号"><br/><div id="chwechat"></div>
		    </div>
		  </div>
		  <div class="form-group">
		    <div class="col-sm-offset-2 col-sm-10">
		      <button type="submit" class="btn btn-default">注册</button><button type="reset" class="btn btn-default">重置</button>
		    </div>
		  </div>
		</form>
	</div>
</div>




</body>
</html>